$(function() {
	//freeMode轮播图可滑动翻页   slidesPerView一页多个显示
	var swiper1 = new Swiper("#header", {
		freeMode: true,
		slidesPerView: "auto",
	});
	//点击任意一页轮播图去掉之前选中页(如果之前选了一次)的active样式再给当前点击的页增加active样式
	$("#header .swiper-slide").on("touchstart", function() {
		$("#header .swiper-slide").removeClass("header-active");
		$(this).addClass("header-active");
	});
	var swiper2 = new Swiper("#banner", {
		pagination: ".swiper-pagination",
		paginationClickable: true,
		loop: true,
		autoplay: 3000,
	});
	var swiper3 = new Swiper("#tabs-container", {

	});
	$("#tabs a").on("touchstart", function(e) {
		e.preventDefault();
		$("#tabs a").removeClass("active");
		$(this).addClass("active");
		// console.log($(this).index());  //jQ的方法返回当前元素在同辈中的索引位置
		swiper3.slideTo($(this).index()); //swiper的方法切换到指定的索引slide
	}); 
	var swiper3 = new Swiper("#tabs-container", {
		onSlideChangeStart: function(swiper) {
			//取消现在存在的菜单名的样式如果有的话  再为当前选中的添加active样式
			$("#tabs a").removeClass("active");
			// console.log(swiper.activeIndex);//swiper的方法返回当前活动slide的索引
			$("#tabs a").eq(swiper.activeIndex).addClass("active");//eq是jQD的方法
		}
	})
});
